<!DOCTYPE html>
<!--地址管理 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地址管理</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Brand introduction.css">
    <link rel="stylesheet" type="text/css" href="css/news.css" />
    <link rel="stylesheet" href="css/address.css">
</head>

<body>
    <div class="continer">
        <!-- 头部statrt -->
        <div class=" header w">
            <!-- logo部分start -->
            <div class="logo">
                <img src="upload/03.1001(1).png" alt="">
            </div>
            <!-- logo部分end -->
            <!-- nav部分start -->
            <div class="nav">
                <ul>
                    <li><a href="index.html">公司首页</a></li>
                    <li><a href="Brand introduction.html">品牌介绍</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contactus.html">联系我们</a></li>
                    <li><a href="user.html">会员中心</a></li>
                </ul>
                <div class="Sign">
                    <ul>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="rigister.html">注册</a></li>
                    </ul>
                </div>
                <div class="shopp">
                    <a href="shop cart.html">
                        <img src="upload/满购物车.png" alt="">
                        <span>0</span>
                    </a>
                </div>

                <div class="Sosu">
                    <input type="text" class="Search">
                    <a href="#">
                        <img src="upload/放大镜(1).png" alt="">
                    </a>
                </div>
            </div>
            <!-- nav部分end -->
        </div>

        <!-- 头部end -->
        <!-- 右边部分start -->
        <aside class="news-box-r">
            <!-- 右边头部盒子start -->
            <div class="hea-one">
                <div class="box-left">
                    <hr>
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                </div>
                <h3>地址管理</h3>
                <div class="box-right">
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                    <hr>
                </div>
            </div>
            <!-- 右边头部盒子end -->
            <!-- 右边具体盒子start -->
            <button class="addressbtn">新增地址</button>
            <div class="addressbox">
                <div class="addressbox-one">
                    <!-- 内容详情start -->
                    <h5>收货人姓名</h5>
                    <h5>所在地区</h5>
                    <h5>详细地址</h5>
                    <h5>联系电话</h5>
                    <h5>手机号码</h5>
                    <h5>操作</h5>
                    <!-- 内容详情end -->
                </div>
                <div class="addressbox-two">
                    <!-- 内容详情start -->
                    <span>白小姐</span>
                    <span style="left: 173px;">广东省 深圳市</span>
                    <span style="left: 335px; top: 40px;">龙华新区 民乐村</span>
                    <span style="left: 335px; top: 70px;">111栋</span>
                    <span style="left: 489px;">12345678912</span>
                    <span style="left: 650px;">12345678912</span>
                    <ul>
                        <li><a href="#" style="right: 115px;">编辑</a></li>
                        <li><a href="#" style="right: 80px;">删除</a></li>
                    </ul>
                    <!-- 内容详情end -->
                </div>
                <div class="addressbox-two">
                    <!-- 内容详情start -->
                    <span>白小姐</span>
                    <span style="left: 173px;">广东省 深圳市</span>
                    <span style="left: 335px; top: 40px;">龙华新区 民乐村</span>
                    <span style="left: 335px; top: 70px;">111栋</span>
                    <span style="left: 489px;">12345678912</span>
                    <span style="left: 650px;">12345678912</span>
                    <ul>
                        <li><a href="#" style="right: 115px;">编辑</a></li>
                        <li><a href="#" style="right: 80px;">删除</a></li>
                    </ul>
                    <!-- 内容详情end -->
                </div>
                <div class="addressbox-two">
                    <!-- 内容详情start -->
                    <span>白小姐</span>
                    <span style="left: 173px;">广东省 深圳市</span>
                    <span style="left: 335px; top: 40px;">龙华新区 民乐村</span>
                    <span style="left: 335px; top: 70px;">111栋</span>
                    <span style="left: 489px;">12345678912</span>
                    <span style="left: 650px;">12345678912</span>
                    <ul>
                        <li><a href="#" style="right: 115px;">编辑</a></li>
                        <li><a href="#" style="right: 80px;">删除</a></li>
                    </ul>
                    <!-- 内容详情end -->
                </div>
                <div class="addressbox-two " style="border-bottom-width: 0;">
                    <!-- 内容详情start -->
                    <span>白小姐</span>
                    <span style="left: 173px;">广东省 深圳市</span>
                    <span style="left: 335px; top: 40px;">龙华新区 民乐村</span>
                    <span style="left: 335px; top: 70px;">111栋</span>
                    <span style="left: 489px;">12345678912</span>
                    <span style="left: 650px;">12345678912</span>
                    <ul>
                        <li><a href="#" style="right: 115px;">编辑</a></li>
                        <li><a href="#" style="right: 80px;">删除</a></li>
                    </ul>
                    <!-- 内容详情end -->
                </div>
            </div>
            <!-- 右边具体盒子end -->
            <!-- 索引模块start -->
            <div class="news-index" style="margin-top: 50px;margin-left: 300px;">
                <ul>
                    <li><a href="#" class="index-d">上一页</a></li>
                    <li><a href="#" class="index">1</a></li>
                    <li><a href="#" class="index" style="margin-right: 20px;">2</a></li>
                    <li><a href="#" style="margin-right: 20px;">...</a></li>
                    <li><a href="#" class="index">6</a></li>
                    <li><a href="#" class="index-d" style="margin-right: 0;">下一页</a></li>
                </ul>
            </div>
            <!-- 索引模块end -->
        </aside>
        <!-- 右边部分end -->
    </div>

    <!-- footer部分statr -->
    <footer class="footer">
        copyright 2002-2012 深圳市挪亚家有限公司版权所有 深ICP备12004685号
    </footer>
    <!-- footer部分end -->
</body>

</html>